<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <div id="div1"></div>
  <script>
    let keyword = 'js'
    let str = 'JS薪资高,学好js嘎嘎香'
    // let str = '<span style="color:red;">JS</span>薪资高,学好<span style="color:red;">js</span>嘎嘎香'
    // console.log(str.replace('js', '666'))
    // console.log(str.replace('JS', '666'))
    // console.log(str.replace('js', '<span style="color:red;">js</span>'))
    // const regexp = /js/ig
    const regexp = new RegExp(keyword, 'ig')
    // 小bug：需要保留原有的大小写
    // console.log(str.replace(regexp, '<span style="color:red;">JS</span>'))

    console.log(str.replace(regexp, (match) => {
      // match: 表示str中符合正则规则的字符串
      // 回调函数中return的结果会替换原来字符串中符合正则规则的字符串（目的就是保留原有的大小写）
      return `<span style="color:red;">${match}</span>`
    }))

    // 








  </script>
</body>

</html>